<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/adaptor.css?v=0.1" rel="stylesheet">
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="keyword" content="">
</head>
<body>
<header>
    <div class="header">
        <a class="button" data-status="inactive">
            <span class="line1" data-status="inactive"></span>
            <span class="line2" data-status="inactive"></span>
        </a>
        <div class="bar">
            <div class="layout ft18 c999">
                <span class="logo-text">全国糖酒商品交易会官网</span>
                <div class="h-menu ft18 c999" style="margin-top: 0;">
                    <a style="margin-right: 24px">登录</a>
                    <a style="margin-right: 20px">注册</a>
                    <span class="split_line" style="display: inline-block;height: 24px;border-right: 1px solid #adacac;position: relative;top:5px;"></span>
                    <a class="c333"><i class="icon_earth"></i>English</a>
                </div>
            </div>
        </div>
        <nav>
            <div class="h-menu ft18 c999 mobile">
                <a style="margin-right: 24px" class="btn-login">登录</a>
                <a style="margin-right: 20px" class="btn-login">注册</a>
                <span class="split_line" style="display: inline-block;height: 24px;border-right: 1px solid #adacac;position: relative;top:5px;"></span>
                <a class="c333"><i class="icon_earth"></i>English</a>
            </div>
            <div class="nav">

                <div class="layout">

                    <div class="logo f_l mt30"></div>
                    <div class="nav_list">
                        <div class="item cur"><h5><a>关于展会</a></h5></div>
                        <div class="item"><h5><a>参展服务</a></h5></div>
                        <div class="item"><h5><a>登记入口</a></h5></div>
                        <div class="item">
                            <h5><a>新闻中心</a></h5>
                        </div>
                        <div class="item"><h5><a>活动论坛</a></h5>
                        </div>
                        <div class="item"><h5><a>联系我们</a></h5>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </nav>
    </div>
</header>
<div class="home-banner" id="b04">
    <ul class="reset-ul">
        <li>
            <a href="#"><div style="width: 100%;padding-top: 33.333%;background-image: url(images/dy_banner.png);background-size: 100% auto;"></div></a>
        </li>
        <li>
            <a href="#"><div style="width: 100%;padding-top: 33.333%;background-image: url(images/dy_banner.png);background-size: 100% auto;"></div></a>
        </li>
        <li>
            <a href="#"><div style="width: 100%;padding-top: 33.333%;background-image: url(images/dy_banner.png);background-size: 100% auto;"></div></a>
        </li>

        <li>
            <a href="#"><div style="width: 100%;padding-top: 33.333%;background-image: url(images/dy_banner.png);background-size: 100% auto;"></div></a>
        </li>

        <li>
            <a href="#"><div style="width: 100%;padding-top: 33.333%;background-image: url(images/dy_banner.png);background-size: 100% auto;"></div></a>
        </li>

    </ul>
</div>
<div class="content">
    <div class="item">
        <div class="item-header">
            <div class="blank140"></div>
            <p class="c666" style="font-size: 24px;margin-bottom: 12px;">ABOUT EXHIBITION</p>
            <p class="c999 ft16 sub-title">
                <span class="_text">关于展会</span>
                <span class="sub-title-line"></span>
            </p>
        </div>
        <div class="item-content">
            <img src="images/dy_bg01.png">
            <div class="mask_"></div>
            <div class="lblock">
                <div class="mask__"></div>
                <div class="content_">
                    <p class="_text0" style="">“ 展会简介 ”</p>
                    <p class="_text1" style="">有着中国食品行业“晴雨表”之称的全国糖酒商品交易会，始于1955年，是中国历史最为悠久的大型专业展会之一。</p>
                    <p class="_text2" style="">全国糖酒会由中国糖业酒类集团公司主办，一年两届，分春、秋两季举行。目前，每届糖酒会的展览面积均在10万平方米以上，参展企业3000家左右，专业采购商达15万人，成交总额200亿元左右，是中国食品行业规模最大、影响最广的展览会，被业内人士称为“天下第一会”......</p>
                    <a class="btn-more">更多详情+</a>
                </div>
            </div>

        </div>
    </div>
    <div class="item">
        <div style="" class="btn-items btn-items1">
            <a class="btn-item">
                <div class="icon_01"></div>
                <div class="mt20">
                    <span class="ft18 c333">关于展会</span>
                </div>
            </a>
            <a class="btn-item">
                <div class="icon_02"></div>
                <div class="mt20">
                    <span class="ft18 c333">历届展会</span>
                </div>
            </a>
            <a class="btn-item">
                <div class="icon_03"></div>
                <div class="mt20">
                    <span class="ft18 c333">参展须知</span>
                </div>
            </a>
            <a class="btn-item">
                <div class="icon_04"></div>
                <div class="mt20">
                    <span class="ft18 c333">合作媒体</span>
                </div>
            </a>
            <a class="btn-item" style="margin-bottom: 0;">
                <div class="icon_05"></div>
                <div class="mt20">
                    <span class="ft18 c333">联系我们</span>
                </div>
            </a>
        </div>
    </div>

    <div class="item">

        <div class="item-header">
            <div class="blank140"></div>
            <p class="c666" style="font-size: 24px;margin-bottom: 12px;">EXHIBITION SERVICES</p>
            <p class="c999 ft16 sub-title">
                <span class="_text">参展服务</span>
                <span class="sub-title-line"></span>
            </p>
        </div>
        <div class="item-content2">
            <div class="f_l">
                <a class="label_ cur" data-tab="tab1"><span>我要参展</span></a>
                <span class="ft16 c333 _text" style="margin-top: 10px;display: block">为您提供专业服务，让您参展全程无忧</span>

                <div class="item-content3-parent">
                    <div class="item-content3 tab1">
                        <a class="item_ cur">展馆介绍</a>
                        <a class="item_">展区展示</a>
                        <a class="item_">参展报名</a>
                        <a class="item_">户外广告</a>
                        <a class="item_">搭建服务</a>
                        <a class="item_">参展材料</a>
                    </div>
                </div>
            </div>
            <div class="f_r">
                <a class="label_" data-tab="tab2"><span>我要观展</span></a>
                <span class="ft16 c333 _text" style="margin-top: 10px;display: block">作为观众，这里有您需要热点信息</span>

                <div class="item-content3-parent">
                    <div class="item-content3 tab2" style="display: none;">
                        <a class="item_ cur">展会信息</a>
                        <a class="item_">参展商信息</a>
                        <a class="item_">日程安排</a>
                        <a class="item_">观展热点</a>
                        <a class="item_">酒店、交通信息</a>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>

    <div class="item show">
        <div class="item-content4">
            <!--我要参展-->
            <div class = "caroursel poster-main tab1 pc" data-setting = '{
	        "width":1250,
	        "height":560,
	        "posterWidth":900,
	        "posterHeight":560,
	        "scale":0.8,
	        "isAutoplay":false,
	        "dealy":"2000",
	        "algin":"middle"
	    }'>
                <ul class = "poster-list">
                    <li class = "poster-item"><img src="images/dy_bg01.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg02.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg03.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg04.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg05.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg06.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                </ul>


                <div class = "poster-btn poster-prev-btn"></div>
                <div class = "poster-btn poster-next-btn"></div>

            </div>

            <!--我要观展-->
            <div class = "caroursel poster-main tab2 pc" data-setting = '{
	        "width":1250,
	        "height":560,
	        "posterWidth":900,
	        "posterHeight":560,
	        "scale":0.8,
	        "isAutoplay":false,
	        "dealy":"2000",
	        "algin":"middle"
	    }'>
                <ul class = "poster-list">
                    <li class = "poster-item"><img src="images/dy_bg01.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg02.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg03.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg04.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg05.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                </ul>


                <div class = "poster-btn poster-prev-btn"></div>
                <div class = "poster-btn poster-next-btn"></div>

            </div>

            <!--移动端-->
            <div class = "caroursel poster-main tab1 mobile" data-setting = '{
	        "width":300,
	        "height":190,
	        "posterWidth":225,
	        "posterHeight":140,
	        "scale":0.8,
	        "isAutoplay":false,
	        "dealy":"2000",
	        "algin":"middle"
	    }'>
                <ul class = "poster-list">
                    <li class = "poster-item"><img src="images/dy_bg01.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg02.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg03.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg04.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg05.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg06.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                </ul>


                <div class = "poster-btn poster-prev-btn"></div>
                <div class = "poster-btn poster-next-btn"></div>

            </div>

            <!--我要观展-->
            <div class = "caroursel poster-main tab2 mobile" data-setting = '{
	        "width":300,
	        "height":190,
	        "posterWidth":225,
	        "posterHeight":140,
	        "scale":0.8,
	        "isAutoplay":false,
	        "dealy":"2000",
	        "algin":"middle"
	    }'>
                <ul class = "poster-list">
                    <li class = "poster-item"><img src="images/dy_bg01.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg02.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg03.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg04.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                    <li class = "poster-item"><img src="images/dy_bg05.png" width = "100%" height="100%"><a class="title_">展区展示</a></li>
                </ul>


                <div class = "poster-btn poster-prev-btn"></div>
                <div class = "poster-btn poster-next-btn"></div>

            </div>


            <!--<div class="slider-main">
                <img src="images/dy_bg01.png">
                <a class="title_">展区展示</a>
            </div>

            <div class="slider-right2">
                <img src="images/dy_bg05.png">
            </div>
            <div class="slider-right">
                <img src="images/dy_bg04.png">
            </div>

            <div class="slider-left2">
                <img src="images/dy_bg03.png">
            </div>
            <div class="slider-left">
                <img src="images/dy_bg02.png">
            </div>-->

        </div>
        <div style="height: 80px;"></div>
        <a style="display: block;margin: 0 auto;background: url(images/dy_icon07.png);width: 100px;height: 30px;"></a>


    </div>

    <div class="item">
        <div class="item-header">
            <div class="blank140"></div>
            <p class="c666" style="font-size: 24px;margin-bottom: 12px;">REGISTRATION ENTRANCE</p>
            <p class="c999 ft16 sub-title">
                <span class="_text">登记入口</span>
                <span class="sub-title-line"></span>
            </p>
        </div>
        <div style="" class="btn-items btn-items2">
            <div class="btn-item">
                <div class="icon_08"></div>
                <div class="mt20">
                    <a style="font-size: 24px;">专业观众登记</a>
                </div>
            </div>
            <div class="btn-item">
                <div class="icon_09"></div>
                <div class="mt20">
                    <a style="font-size: 24px;">参展厂商预登记</a>

                </div>
            </div>
            <div class="btn-item">
                <div class="icon_10"></div>
                <div class="mt20">
                    <a style="font-size: 24px;">媒体证件申请</a>
                </div>
            </div>
            <div class="btn-item">
                <div class="icon_11"></div>
                <div class="mt20">
                    <a style="font-size: 24px;">主场服务通道</a>
                </div>
            </div>
        </div>
    </div>

    <div class="item">
        <div class="blank140"></div>
        <div class="dy_bg05">
            <div style="background: rgba(0,0,0,0.8);position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 0;"></div>
            <div style="position: relative;z-index: 1">
                <div style="height: 60px;"></div>
                <p style="font-size: 24px;margin-bottom: 12px;color: #fff;">NEWS CENTER</p>
                <p class="ft16 sub-title news_" style="color: #fff;">
                    <span class="_text" style="background: none;">新闻中心</span>
                    <span class="sub-title-line" style="width: 105px;"></span>
                    <span class="sub-title-line" style="width: 105px;right: 0;"></span>
                </p>

                <div class="layout news" style="">

                    <div style="" class="_content">
                        <ul>
                            <li>
                                <a><span>1.深挖下沉渠道价值 助力企业开拓商机 全国糖酒会进口食品专区业绩骄人</span><span class="date">2017-05-03</span>
                                </a>
                            </li>
                            <li>
                                <a><span>1.深挖下沉渠道价值 助力企业开拓商机 全国糖酒会进口食品专区业绩骄人</span><span class="date">2017-05-03</span></a>
                            </li>
                            <li>
                                <a><span>1.深挖下沉渠道价值 助力企业开拓商机 全国糖酒会进口食品专区业绩骄人</span><span class="date">2017-05-03</span></a>
                            </li>
                            <li>
                                <a><span>1.深挖下沉渠道价值 助力企业开拓商机 全国糖酒会进口食品专区业绩骄人</span><span class="date">2017-05-03</span></a>
                            </li>
                            <li>
                                <a><span>1.深挖下沉渠道价值 助力企业开拓商机 全国糖酒会进口食品专区业绩骄人</span><span class="date">2017-05-03</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="clear"></div>


                    <div class="pics">
                        <img src="images/dy_bg06.png" style="position: absolute;top:83px;right: 100px;z-index: 1;">
                        <img src="images/dy_bg07.png" style="position: absolute;top:215px;right: 55px;z-index: 2;">
                        <img src="images/dy_bg08.png" style="position: absolute;top:355px;right: 100px;z-index: 3;">
                    </div>
                </div>


            </div>
            <a style="display: block;background: url(images/dy_icon07.png);width: 100px;height: 30px;position: absolute;left: 50%;margin-left: -50px;bottom: 50px;"></a>

        </div>
    </div>


    <div class="item">
        <div class="item-header">
            <div class="blank140"></div>
            <p class="c666" style="font-size: 24px;margin-bottom: 12px;">ACTIVE BBS</p>
            <p class="c999 ft16 sub-title">
                <span class="_text">活动论坛</span>
                <span class="sub-title-line"></span>
            </p>
        </div>

        <div class="item-content5" style="height: 440px;margin-top: 55px;">
            <div class="lblock" style="">
                <div class="img_" data-num="01" style="display:block;">
                    <div class="mask_"></div>
                    <img src="images/dy_bg09.png">
                </div>
                <div class="img_" data-num="02">
                    <div class="mask_"></div>
                    <img src="images/dy_bg08.png">
                </div>

                <div class="img_" data-num="03">
                    <div class="mask_"></div>
                    <img src="images/dy_bg07.png">
                </div>

                <div class="img_" data-num="04">
                    <div class="mask_"></div>
                    <img src="images/dy_bg06.png">
                </div>

                <div class="img_" data-num="05">
                    <div class="mask_"></div>
                    <img src="images/dy_bg06.png">
                </div>

                <div class="img_" data-num="06">
                    <div class="mask_"></div>
                    <img src="images/dy_bg06.png">
                </div>

                <div class="_menu" style="width: 90px;position: absolute;top:0;right: 0;height: 100%;z-index: 1">
                    <a class="_btn btn-down"></a>
                    <a class="_btn btn-up"></a>
                    <div style="height: 45px;" class="_blank"></div>
                    <div class="nums-parent">
                        <div class="nums">
                            <a class="num cur" data-num="01">01</a>
                            <a class="num" data-num="02">02</a>
                            <a class="num" data-num="03">03</a>
                            <a class="num" data-num="04">04</a>
                            <a class="num" data-num="05">05</a>
                            <a class="num" data-num="06">06</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rblock" style="">
                <div style="position: relative;display: block;" data-num="01">
                    <div class="dy_bg11">
                        <p class="_text0" style="">2017-03-22 13：30 - 17：30</p>
                        <p class="_text0" style="">一层欢悦厅 A厅</p>
                    </div>
                    <p class="bbs-text1" style="">中国糖酒食品业投融资洽谈会 —“投融资高峰论坛”</p>
                    <p style="" class="bbs-text2">由全国糖酒商品交易会办公室主办的“巅峰国际葡萄酒挑战赛”已连续举办9届，受到参展商的肯定。自92届糖酒会起，正式更名为“G100·超级葡萄酒评选赛”。</p>
                    <a style="" class="bbs-btn">详情点击 > ></a>
                </div>
                <div style="position: relative;" data-num="02">
                    <div class="dy_bg11">
                        <p class="_text0" style="">2017-03-22 13：30 - 17：30</p>
                        <p class="_text0" style="">一层欢悦厅 B厅</p>
                    </div>
                    <p class="bbs-text1" style="">中国糖酒食品业投融资洽谈会 —“投融资高峰论坛”</p>
                    <p style="" class="bbs-text2">由全国糖酒商品交易会办公室主办的“巅峰国际葡萄酒挑战赛”已连续举办9届，受到参展商的肯定。自92届糖酒会起，正式更名为“G100·超级葡萄酒评选赛”。</p>
                    <a style="" class="bbs-btn">详情点击 > ></a>
                </div>
                <div style="position: relative" data-num="03">
                    <div class="dy_bg11">
                        <p class="_text0" style="">2017-03-22 13：30 - 17：30</p>
                        <p class="_text0" style="">一层欢悦厅 C厅</p>
                    </div>
                    <p class="bbs-text1" style="">中国糖酒食品业投融资洽谈会 —“投融资高峰论坛”</p>
                    <p style="" class="bbs-text2">由全国糖酒商品交易会办公室主办的“巅峰国际葡萄酒挑战赛”已连续举办9届，受到参展商的肯定。自92届糖酒会起，正式更名为“G100·超级葡萄酒评选赛”。</p>
                    <a style="" class="bbs-btn">详情点击 > ></a>
                </div>
                <div style="position: relative" data-num="04">
                    <div class="dy_bg11">
                        <p class="_text0" style="">2017-03-22 13：30 - 17：30</p>
                        <p class="_text0" style="">一层欢悦厅 D厅</p>
                    </div>
                    <p class="bbs-text1" style="">中国糖酒食品业投融资洽谈会 —“投融资高峰论坛”</p>
                    <p style="" class="bbs-text2">由全国糖酒商品交易会办公室主办的“巅峰国际葡萄酒挑战赛”已连续举办9届，受到参展商的肯定。自92届糖酒会起，正式更名为“G100·超级葡萄酒评选赛”。</p>
                    <a style="" class="bbs-btn">详情点击 > ></a>
                </div>

                <div style="position: relative" data-num="05">
                    <div class="dy_bg11">
                        <p class="_text0" style="">2017-03-22 13：30 - 17：30</p>
                        <p class="_text0" style="">一层欢悦厅 E厅</p>
                    </div>
                    <p class="bbs-text1" style="">中国糖酒食品业投融资洽谈会 —“投融资高峰论坛”</p>
                    <p style="" class="bbs-text2">由全国糖酒商品交易会办公室主办的“巅峰国际葡萄酒挑战赛”已连续举办9届，受到参展商的肯定。自92届糖酒会起，正式更名为“G100·超级葡萄酒评选赛”。</p>
                    <a style="" class="bbs-btn">详情点击 > ></a>
                </div>

                <div style="position: relative" data-num="06">
                    <div class="dy_bg11">
                        <p class="_text0" style="">2017-03-22 13：30 - 17：30</p>
                        <p class="_text0" style="">一层欢悦厅 F厅</p>
                    </div>
                    <p class="bbs-text1" style="">中国糖酒食品业投融资洽谈会 —“投融资高峰论坛”</p>
                    <p style="" class="bbs-text2">由全国糖酒商品交易会办公室主办的“巅峰国际葡萄酒挑战赛”已连续举办9届，受到参展商的肯定。自92届糖酒会起，正式更名为“G100·超级葡萄酒评选赛”。</p>
                    <a style="" class="bbs-btn">详情点击 > ></a>
                </div>
            </div>
            <div class="clear"></div>
        </div>

    </div>
    <div class="item">
        <div class="blank140"></div>
        <p class="ft18 c666 tc">他们都在参展</p>
        <p class="ft14 tc" style="color: #bfbfbf;margin-top: 10px;">现已有超过10万家企业参展，您还在等什么</p>
        <div class="co-link">
            <div><img src="images/logo/01.png"></div>
            <div><img src="images/logo/02.png"></div>
            <div><img src="images/logo/03.png"></div>
            <div><img src="images/logo/04.png"></div>
            <div><img src="images/logo/05.png"></div>
            <div><img src="images/logo/06.png"></div>
            <div><img src="images/logo/07.png"></div>
            <div><img src="images/logo/08.png"></div>
            <div><img src="images/logo/09.png"></div>
            <div><img src="images/logo/10.png"></div>
            <div><img src="images/logo/11.png"></div>
            <div><img src="images/logo/12.png"></div>
        </div>
    </div>

</div>

<footer>
    <div class="footer">
        <div>

            <div class="_item">
                <p class="_label">关于展会</p>
                <div class="_link">
                    <a>展会简介</a>
                    <a>历届展会</a>
                    <a>举办城市</a>
                    <a>组展代理</a>
                    <a>合作媒体</a>
                    <a>联系我们</a>
                </div>
            </div>
            <div class="_item">
                <p class="_label">展商服务</p>
                <div class="_link">
                    <a>展会信息</a>
                    <a>展馆信息</a>
                    <a>参会须知</a>
                    <a>参展报名</a>
                    <a>搭建指南</a>
                    <a>物流代理</a>
                    <a>更多</a>
                </div>
            </div>
            <div class="_item">
                <p class="_label">观众服务</p>
                <div class="_link">
                    <a>展会信息</a>
                    <a>展馆信息</a>
                    <a>参会须知</a>
                    <a>参展报名</a>
                    <a>搭建指南</a>
                    <a>物流代理</a>
                    <a>更多</a>
                </div>
            </div>
            <div class="_item _news">
                <p class="_label">新闻中心</p>
                <div class="_link">
                    <a>展会新闻</a>
                    <a>热点关注</a>
                    <a>合作媒体</a>
                    <a>媒体需知</a>
                    <a>资料下载</a>
                    <!--占位-->
                    <a>&nbsp;</a>
                    <a>&nbsp;</a>
                    <a>&nbsp;</a>
                </div>
            </div>

            <div class="_item activity">
                <p class="_label">相关活动</p>
                <div class="_link">
                    <a>主题论坛</a>
                    <a>行业论坛</a>
                    <a>食品科技交流</a>
                    <a>竞赛表现</a>
                </div>
            </div>
            <div class="_item last" style="width: auto;margin: 0;text-align: left">
                <p class="_label">联系我们</p>
                <div class="_link">
                    <p class="contact" style="">电话：(010) 68316827<br/>邮箱：Email:info@qgtjh.com</p>
                </div>
                <div style="margin-top: 55px;margin-left: 35px;" class="_qr">
                    <img src="images/dy_qr.png" width="120" height="120">
                    <p class="ft14 c333" style="padding-left: 5px;margin-top: 5px;">扫一扫关注公众号</p>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div style="" class="ft14 c999 tc copyright">
        <p style="padding-top: 18px;">京ICP备15010794号 京公网安备110102000654</p>
        <p style="margin-top: 10px;">Copyright  2000-2011 全国糖酒会官方网站 版权所有</p>
    </div>
</footer>
</body>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.carousel.js"></script>
<script src="js/unslider.min.js"></script>

<script>

    //轮播图
    var unslider04 = $('#b04').unslider({
        dots: true,fluid:true,delay:3000,autoplay:true
    });


    //移动端顶部菜单展开
    $(".button").on('click',function(){
        var $span = $(this).find("span");
        if($span.attr('data-status')=="inactive"){
            $span.attr('data-status','active')
            $("nav").animate({height:"11rem"});
        }else{
            $span.attr('data-status','inactive')
            $("nav").animate({height:"0"});
        }
    })

    //我要参展、我要观展按钮
    $(".content .item .item-content2 .label_").on('click',function(){

        var tab = $(this).attr('data-tab');
        $(".content .item .item-content2 .label_").removeClass('cur');
        $(this).addClass('cur');
        $(".content .item .item-content3").hide();
        $(".content .item .item-content3."+tab).show();
        $(".content .item .item-content4 .tab1").hide();
        $(".content .item .item-content4 .tab2").hide();
        console.log(".content .item .item-content4 ."+tab);
        $(".content .item .item-content4 ."+tab).show();
        return;
        if(document.body.clientWidth>769){

        }else{

//            console.log($(this).parent());
//            if($(this).parent().hasClass('expand')){
//                $(this).parent().removeClass('expand');
//                $(this).parent().find(".item-content3").animate({height:"0"});
//            }else{
//                $(this).parent().addClass('expand');
//                var aNum = $(this).parent().find(".item-content3").find("a").length;
//                $(this).parent().find(".item-content3").animate({height:(aNum*36)+"px"});
//            }
        }
    });

    var $cur_num = $(".item-content5 .lblock .num.cur");
    $(".item-content5 .lblock .num").on('mouseover',function(){
        if($(this).hasClass('cur')){
            return;
        }
        clearTimeout(timeoutN);
        $cur_num.removeClass('cur');
    });
    var timeoutN = 0;
    $(".item-content5 .lblock .num").on('mouseout',function(){
        if(this==$cur_num.get(0)){
            $cur_num.addClass('cur');
        }else{
            timeoutN = setTimeout(function(){
                $cur_num.addClass('cur');
            },100);
        }
    });


    var $cur_nav = $(".header .nav .nav_list .item.cur");
    $(".header .nav .nav_list .item").on('mouseover',function(){
        if($(this).hasClass('cur')){
            return;
        }
        clearTimeout(timeoutNav);
        $cur_nav.removeClass('cur');
    });
    var timeoutNav = 0;
    $(".header .nav .nav_list .item").on('mouseout',function(){
        if(this==$cur_nav.get(0)){
            $cur_nav.addClass('cur');
        }else{
            timeoutNav = setTimeout(function(){
                $cur_nav.addClass('cur');
            },100);
        }
    });

    //新闻按钮点击
    $(".item-content5 .lblock .num").on('click',function () {
//        if($(this).hasClass('cur'))return;
        clearTimeout(timeoutN);
        $cur_num = $(this);
        console.log($cur_num);
        $(".item-content5 .lblock .num").removeClass('cur');
        $(this).addClass('cur');
        var num = $(this).data('num');
        $(".item-content5 .lblock .img_").hide();
        $(".item-content5 .rblock>div").hide();
        $(".item-content5 .lblock .img_[data-num='"+num+"']").show();
        $(".item-content5 .rblock>div[data-num='"+num+"']").show()
    });
    //新闻上下箭头按钮
    $(".item-content5 .lblock ._menu ._btn").on('click',function(){
        var $cur = $(".item-content5 .lblock .num.cur");
        if($(this).hasClass('btn-up')&&$cur.prev().length!==0){
            $cur.prev().addClass('cur');
            $cur.removeClass('cur');
            $(".item-content5 .lblock .img_").hide();
            $(".item-content5 .rblock>div").hide();
            var num = $cur.prev().data('num');
            $(".item-content5 .lblock .img_[data-num='"+num+"']").show();
            $(".item-content5 .rblock>div[data-num='"+num+"']").show();
            $cur_num = $(".item-content5 .lblock .num.cur");
            $(".content .item .item-content5 .lblock .nums").get(0).scrollTop = 98*$.inArray($cur_num.get(0),$(".item-content5 .lblock .num"));
            var fs = document.documentElement.style.fontSize.replace("px","");
            var scrollLeft = fs*2*$.inArray($cur_num.get(0),$(".item-content5 .lblock .num"));
            scrollLeft = scrollLeft>=($(".content .item .item-content5 .lblock .nums .num").length-4)*fs?fs*2:scrollLeft;
            $(".content .item .item-content5 .lblock .nums-parent").get(0).scrollLeft = scrollLeft;
        }
        if($(this).hasClass('btn-down')&&$cur.next().length!==0){
            $cur.next().addClass('cur');
            $cur.removeClass('cur');
            $(".item-content5 .lblock .img_").hide();
            $(".item-content5 .rblock>div").hide();
            var num = $cur.next().data('num');
            $(".item-content5 .lblock .img_[data-num='"+num+"']").show();
            $(".item-content5 .rblock>div[data-num='"+num+"']").show();
            $cur_num = $(".item-content5 .lblock .num.cur");
            $(".content .item .item-content5 .lblock .nums").get(0).scrollTop = 98*$.inArray($cur_num.get(0),$(".item-content5 .lblock .num"));

            var fs = document.documentElement.style.fontSize.replace("px","");
            var scrollLeft = fs*2*$.inArray($cur_num.get(0),$(".item-content5 .lblock .num"));
            scrollLeft = scrollLeft>=($(".content .item .item-content5 .lblock .nums .num").length-4)*fs?fs*2:scrollLeft;
            $(".content .item .item-content5 .lblock .nums-parent").get(0).scrollLeft = scrollLeft;

        }

    });

    //底部菜单展开
    $(".footer ._label").on('click',function(){
        //pc端不生效
        if(document.body.clientWidth>769){return;}
        if($(this).hasClass('expand')){
            $(this).removeClass('expand');
            $(this).parent().find("._link").animate({height:"0"});
        }else{
            $(this).addClass('expand');
            var aNum = $(this).parent().find("._link a").length;
            $(this).parent().find("._link").animate({height:(aNum*1.8)+"rem"});
        }
    });

    !function () {
        function e() {
            document.documentElement.style.fontSize = (document.documentElement.clientWidth > 767 ? 767 : document.documentElement.clientWidth) / 12 + "px";
            $("#b04").css({
                'min-height':    Math.ceil(document.body.clientWidth*0.3333)+"px"
            })
        }

        var t = null;
        window.addEventListener("resize", function () {
            clearTimeout(t), t = setTimeout(e, 300)
        }, !1), e()
    }(window)

    //我要参展图片
    var pics1 = [
        'images/dy_bg01.png',
        'images/dy_bg02.png',
        'images/dy_bg03.png',
        'images/dy_bg04.png',
        'images/dy_bg05.png',
        'images/dy_bg06.png',
    ];
    //我要观展图片
    var pics2 = [
        'images/dy_bg01.png',
        'images/dy_bg02.png',
        'images/dy_bg03.png',
        'images/dy_bg04.png',
        'images/dy_bg05.png',
    ];
    //我要参展按钮
    $(".content .item .item-content3.tab1 .item_").on('click',function(){
        var $items = $(".content .item .item-content3.tab1 .item_");
        var index = $.inArray(this,$items);
        var index2 = $.inArray($(".content .item .item-content3.tab1 .item_.cur").get(0),$items);
        $items.removeClass('cur');
//        $(this).addClass('cur');

        if(index-index2==0){return;}

        var mode = 'mobile';
        if(document.body.clientWidth>769){
            mode = 'pc';
        }

        if(index-index2>0){
            $(".caroursel.poster-main.tab1."+mode+" .poster-next-btn").get(0).click();
            if(index-index2==1)return;
            var i=1;
            var n = setInterval(function(){
                i++;
                if(i>=index-index2){clearInterval(n);}
                $(".caroursel.poster-main.tab1."+mode+" .poster-next-btn").get(0).click();
            },600);
        }

        if(index-index2<0){
            $(".caroursel.poster-main.tab1."+mode+" .poster-prev-btn").get(0).click();
            if(index2-index==1)return;
            var i=1;
            var n = setInterval(function(){
                i++;
                if(i>=index2-index){clearInterval(n);}
                $(".caroursel.poster-main.tab1."+mode+" .poster-prev-btn").get(0).click();
            },600);
        }

    });
    //我要观展按钮
    $(".content .item .item-content3.tab2 .item_").on('click',function(){
        var $items = $(".content .item .item-content3.tab2 .item_");
        var index = $.inArray(this,$items);
        var index2 = $.inArray($(".content .item .item-content3.tab2 .item_.cur").get(0),$items);
        $items.removeClass('cur');
        $(this).addClass('cur');

        if(index-index2==0){return;}

        var mode = 'mobile';
        if(document.body.clientWidth>769){
            mode = 'pc';
        }

        if(index-index2>0){
            $(".caroursel.poster-main.tab2."+mode+" .poster-next-btn").get(0).click();
            if(index-index2==1)return;
            var i=1;
            var n = setInterval(function(){
                i++;
                if(i>=index-index2){clearInterval(n);}
                $(".caroursel.poster-main.tab2."+mode+" .poster-next-btn").get(0).click();
            },600);
        }

        if(index-index2<0){
            $(".caroursel.poster-main.tab2."+mode+" .poster-prev-btn").get(0).click();
            if(1==index2-index){return;}
            var i=1;
            var n = setInterval(function(){
                i++;
                if(i>=index2-index){clearInterval(n);}
                $(".caroursel.poster-main.tab2."+mode+" .poster-prev-btn").get(0).click();
            },600);
        }
    });
    function switchTab(tab,i){
        $(".item-content3-parent ."+tab+" a").removeClass('cur');
        $(".item-content3-parent ."+tab+" a").eq(i).addClass('cur');
    }
//    function switchPic(index,pics){
//        var $imgs = $(".item-content4 img");
//        for(var i=0;i<$imgs.length;i++){
//            $imgs.get(i).src = pics[(i+index)%pics.length];
//        }
//    }



    Caroursel.init($('.caroursel'));

</script>
</html>